\section{Sobre el proyecto}
\label{sec:1-3-Proyecto}

En este documento se trata de reflejar el trabajo realizado en 3 áreas concretas de la aplicación WebMakeUp. Se han dividido en 3 tareas fundamentalmente pero para garantizar la completa comprensión de las mismas y dado que tienen relación con el resto de la herramienta desarrollada, también se mencionarán a lo largo del propio documento.

Uno de los ámbitos en los que se trabajó fue en las primeras fases del proyecto, donde había que buscar y analizar herramientas orientadas al usuario final que tuvieran cabida con el concepto que queríamos trabajar WYSIWYG (\emph{What You See Is What You Get}, es decir, que lo que ves es lo que vas a obtener). Para ello se tuvo que investigar y analizar por un lado herramientas de desarrollo orientado a web, editores de diferentes tipos (como por ejemplo Photoshop, muy relacionado con WYSIWYG) y tratar de ajustarnos a lo más parecido a lo que necesitábamos para poder describir el DSL y a su vez hacerlo user-friendly, sencillo para el usuario.

Otra de las tareas importantes y de las que abarca bastante parte del proyecto es la de describir las animaciones (o interacciones) de la aumentación (conocido en WebMakeUp como Orchestration). Para ello se optó por realizarlo de una manera gráfica mediante diagramas de transición de estados (STD) en un primer lugar. Pero finalmente esta metodología no se ha decidido aplicar en base a estudios con usuarios finales dada la complejidad que generaban. Para ello se decidió sustituir por la técnica basada en blinks (pestañeo), donde un Widget tiene 2 estados \emph{enable} (mostrandose) o \emph{collapse} (ocultandose) y la interacción con otros Widgets provocará esos blinks cambiando de un estado a otro. Aún así los STD son una parte fundamental para explicar la tercera tarea en la que se trabajó.

El tercer aspecto, relacionado con el segundo, consiste en la generación una extensión para el navegador Google Chrome a partir del modelo existente en el editor. El usuario a medida que va trabajando con el editor, de manera interna se va generando un modelo de datos. El objetivo de esta tercera tarea era la de a partir de ese modelo generar una extensión funcional de Google evitando tener que programar o tener conocimientos de ello. Las animaciones que forman parte de la aumentación siguen utilizando ese concepto de diagrama de transición de estados, y de ahí la relación entre la segunda y tercera tarea previamente mencionada.

Cabe destacar que el proyecto además de la dificultad que abarca el desarrollo y la investigación en si, dado que la temática es muy novedosa, se ha trabajado tratando de ofrecer diferentes valores añadidos que se irán desglosando a lo largo del propio documento, como metodologías ágiles de desarrollo, trabajos con herramientas colaborativas,...

La memoria comienza con un capítulo dedicado a la planificación del proyecto en el que se presenta el Documento de Objetivos de Proyecto, y una planificación de la misma (Capítulo \ref{cha:DOP}). Posteriormente se pasa a describir las tres principales tareas previamente comentadas, donde se abordan los aspectos más técnicos del proyecto (Capítulo \ref{cha:desarrollo}). A continuación, se describe el seguimiento y control que ha existido a lo largo del proyecto, donde se hace hincapié en las tareas realizadas y en cómo se han realizado. Finalmente se ofrece un apartado con las conclusiones y lecciones aprendidas a lo largo de este proyecto (Capítulo \ref{cha:conclusiones}). Adicionalmente están los agradecimientos (Capítulo \ref{cha:agradecimientos}), algunos anexos y la bibliografía.